<template>
	<div class="layout">
		<div id="title">企业注册</div>
		<div>
			<StepBar :step="currentStep" :stepList="stepList"></StepBar>
			<infoAuth v-show="currentStep == 1" v-model="currentStep"/>
			<createUserForm v-show="currentStep == 2" v-model="currentStep"/>
			<registerSuccessForm :type="1" v-show="currentStep == 3" v-model="currentStep"/>
		</div>
	</div>
</template>

<script>
  import StepBar from './components/stepBar'
  import infoAuth from './components/infoAuth'
  import createUserForm from './components/createUserForm'
  import registerSuccessForm from './components/registerSuccessForm'
  export default {
    components: {
      StepBar,
      infoAuth,
      createUserForm,
      registerSuccessForm
    },
    data() {
      return {
        stepList: ["信息认证","创建用户","注册成功"],
        currentStep: 1
      }
    },
    mounted(){
      this.currentStep = 1;
    }
  }
</script>

<style lang="scss" scoped>
#title {
  width: 1000px;
  text-align: left;
  margin: 0 auto;
  margin-top: 30px;
  color: #045db9;
  font-size: 20px;
  font-weight: bold;
}
.layout {
  position: relative;
  box-sizing: border-box;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}
</style>